<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" media="all" href="css/style.css" title="style" />

<link rel="stylesheet" type="text/css" media="all" href="css/jquery-ui-1.10.3.custom.min.css" title="style" />
<link rel="stylesheet" type="text/css" media="all" href="css/ui.jqgrid.css" title="style" />

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>


<title>Insert title here</title>
<script  type='text/javascript' >

	$(function() {
/*
		$("#accordion" ).accordion({
			collapsible:false,
			active:false
		});
*/

		$("#accordion" ).accordion();

/*
		$("#accordion h3").click(function(){
			$(this).toggleClass("open").next().slideToggle("fast");
		});
		*/

		//$("#accordion" ).accordion("destory");


	});
</script>
</head>
<body>
<!--
<div class="mainScreen_top">

	<div class="layout-top">

	</div>
	<div class="layout-left">

	</div>
	<div class="layout-center">

	</div>

	<div class="layout-east">

	</div>
</div>


-->



<!-- body▼ -->
<div id="body">
<!-- header▼ -->
<div id="header">
<h1 name="top" id="top"><a href="index.html">SITE NAME</a></h1>
</div>
<!-- header▲ -->
<!-- メニュー▼ -->
<div id="menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ　２</a>
<ul class="sbm">
<li><a href="page2.html">ページ　２-１</a></li>
<li><a href="page2.html">ページ　２-２</a></li>
<li><a href="page2.html">ページ　２-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ　３</a>
<ul class="sbm">
<li><a href="page2.html">ページ　３-１</a></li>
<li><a href="page2.html">ページ　３-２</a></li>
<li><a href="page2.html">ページ　３-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ　４</a>
<ul class="sbm">
<li><a href="page2.html">ページ　４-１</a></li>
<li><a href="page2.html">ページ　４-２</a></li>
<li><a href="page2.html">ページ　４-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ　５</a>
<ul class="sbm">
<li><a href="page2.html">ページ　５-１</a></li>
<li><a href="page2.html">ページ　５-２</a></li>
<li><a href="page2.html">ページ　５-３</a></li>
</ul>
</li>
</ul>
</div>
<!-- メニュー▲ -->
<!-- left▼ -->
<div id="left">

<!--
<h4>MENU</h4>
 -->
<!-- サブメニュー▼ -->
<!--
<ul id="menu2">
<li><a href="index.html">メニュー　１</a></li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>メニュー　２</a>
<ul class="sbm2">
<li><a href="page2.html">メニュー　２-１</a></li>
<li><a href="page2.html">メニュー　２-２</a></li>
<li><a href="page2.html">メニュー　２-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>メニュー　３</a>
<ul class="sbm2">
<li><a href="page2.html">メニュー　３-１</a></li>
<li><a href="page2.html">メニュー　３-２</a></li>
<li><a href="page2.html">メニュー　３-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>メニュー　４</a>
<ul class="sbm2">
<li><a href="page2.html">メニュー　４-１</a></li>
<li><a href="page2.html">メニュー　４-２</a></li>
<li><a href="page2.html">メニュー　４-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>メニュー　５</a>
<ul class="sbm2">
<li><a href="page2.html">メニュー　５-１</a></li>
<li><a href="page2.html">メニュー　５-２</a></li>
<li><a href="page2.html">メニュー　５-３</a></li>
</ul>
</li>
</ul>
 -->

 <div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer

    </p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>
    Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet

    </p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>
    Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.

    </p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
  <h3>Section 4</h3>
  <div>
    <p>
    Cras dictum. Pellentesque habitant morbi tristique senectus et netus

    </p>
    <p>
    Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.

    </p>
  </div>
</div>


<!-- サブメニュー▲ -->
<!-- leftコンテンツ▼ -->
<!-- サイドボックス▼ -->
<div class="box_head">サイドボックス</div>
<div class="box_main">
<p>
ここにテキスト
</p>
</div>
<!-- サイドボックス▲ -->
<!-- leftコンテンツ▲ -->
</div>
<!-- left▲ -->
<!-- main▼ -->
<div id="main">
<!-- メインコンテンツ▼ -->
<h2>&lt;h2&gt;&lt;/h2&gt;見出し</h2>
<p>
ここにテキスト
</p>
<h3>&lt;h3&gt;&lt;/h3&gt;見出し</h3>
<p>
ここにテキスト
</p>
<div class="up"><a href="#top">Page Top ▲</a></div>
<!-- メインコンテンツ▲ -->
</div>
<!-- main▲ -->
<!-- right▼ -->
<div id="right">
<!-- rightコンテンツ▼ -->
<h4>&lt;h4&gt;&lt;/h4&gt;見出し</h4>
<p>
ここにテキスト
</p>
<!-- サイドボックス▼ -->
<div class="box_head">サイドボックス</div>
<div class="box_main">
<p>
ここにテキスト
</p>
</div>
<!-- サイドボックス▲ -->
<h5>&lt;h5&gt;&lt;/h5&gt;見出し</h5>
<!-- rightコンテンツ▲ -->
</div>
<!-- right▲ -->
<!-- footer▼ -->
<div id="footer">
<br /><br /><br />
Copyright (C) <a href="index.html">サイト名</a> All Rights Reserved.
</div>
<!-- footer▲ -->

</div>
<!-- body▲ -->




</body>
</html>